<!--
 * @Author: 朱世新
 * @Date: 2021-03-22 12:36:36
 * @LastEditors: 朱世新
 * @LastEditTime: 2021-03-22 18:27:34
 * @Description: 
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    const xhr = new XMLHttpRequest();
    xhr.open('GET','xxxx',false)
    xhr.onreadystatechange = function(){
      if(xhr.readyState === 4){
        if(xhr.status === 200){
          alert(xhr.responseText)
        } else {
          alert('其他')
        }
      }
    }
    xhr.send(null)

    //ajax
    function ajax(url){
      const p = new Promise((resolve,reject) => {
        const xhr = XMLHttpRequest();
        xhr.open('GET',url,true)
        xhr.onreadystatechange = function (){
          if(xhr.readyState === 4){
            if(xhr.status === 200){
              resolve(
                JSON.parse(xhr.responseText)
              )
            } else if (xhr.status === 404){
              reject(new Error('404'))
            }
          }
        }
        xhr.send(null)
      })
      return p
    }
  </script>
</body>
</html>